@charset "utf-8";

/*************************************************************/
/* 样式导入 */
/*************************************************************/
@import '~antd/dist/antd.less';
@import './assets/styles/global-variable.less';


/*************************************************************/
/* 全局样式设置 */
/*************************************************************/

/******** 主要容器设置 ********/
html,body {
    height: 100%;
    font: normal 16px 'Comic Sans MS','Lucida Sans Unicode',Arial,sans-serif;
}
#root {
    height: 100%;
}

// 无资源的显示
.not-resource {
    padding: 16px;
    margin: 12px;
    text-align: center;
    color: @tips-text-color;
    .ground-glass-white();
    .theme-border-shadow();
}

/******** 滚动条样式 ********/
::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
::-webkit-scrollbar-thumb {
    width: 10px;
    height: 10px;
    background-color: rgba(114, 49, 5, 0.65);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(114, 49, 5, 0.95);
}


/*************************************************************/
/* Antd样式设置 */
/*************************************************************/

/**** 消息盒子 ****/
.message-box {
    margin-top: 20vh;
    .ant-message-notice-content {
        padding: 12px 20px;
    }
}

/**** 模态框样式 ****/
.ant-modal.ant-modal-confirm.ant-modal-confirm-info {
    min-width: 436px;
    // 模态框内部内容样式
    .confirm-info-panel {
        padding-top: 1em;
        & > p {
            margin-bottom: 0.8em;
            border-bottom: 1px dashed @theme-box-border-color;
            white-space: nowrap;
            & > span.label {
                width: 8em;
                text-align: right;
                display: inline-block;
                margin-right: 1.2em;
                color: lighten(@tips-text-color, 5%);
            }
            & > span.text {
                max-width: 320px;
                padding-right: 24px;
                display: inline-block;
                white-space: pre-wrap;
                vertical-align: top;
                font-size: inherit;
                color: lighten(@theme-color, 12%);
                & > i {
                    color: lighten(desaturate(@theme-color, 45%),60%);
                }
            }
        }
    }
}
